﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Blog Details Page</title>

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="static/css/fc1ab68d70ad48e88943ce422f4566dc.css" rel="stylesheet" />
<link rel="stylesheet" href="static/css/bootstrap.min.css" />
<link rel="stylesheet" href="static/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="static/css/animate.min.css" />
<link rel="stylesheet" href="static/css/all.min.css" />
<link rel="stylesheet" href="static/css/jarallax.css" />
<link rel="stylesheet" href="static/css/organik-icons.css" />
<link rel="stylesheet" href="static/css/jquery.magnific-popup.css" />
<link rel="stylesheet" href="static/css/nouislider.min.css" />
<link rel="stylesheet" href="static/css/nouislider.pips.css" />
<link rel="stylesheet" href="static/css/odometer.min.css" />
<link rel="stylesheet" href="static/css/swiper.min.css" />
<link rel="stylesheet" href="static/css/tiny-slider.min.css" />

<link rel="stylesheet" href="static/css/organik.css" />
</head>
<body>
<div class="preloader">
<img class="preloader__image" width="55" src="static/picture/loader.png" alt="" />
</div>

<div class="page-wrapper">
<header class="main-header">
<div class="topbar">
<div class="container">
<div class="main-logo">
<a href="index.html" class="logo">
<img src="static/picture/logo-dark.png" width="105" alt="">
</a>
<div class="mobile-nav__buttons">
<a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
<a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
</div>
<span class="fa fa-bars mobile-nav__toggler"></span>
</div>
<div class="topbar__left">
<div class="topbar__social">
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-facebook-square"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
<div class="topbar__info">
<i class="organik-icon-email"></i>
<p>Email <a href="/cdn-cgi/l/email-protection#87eee9e1e8c7e8f5e0e6e9eeeca9e4e8ea"><span class="__cf_email__" data-cfemail="1c75727a735c736e7b7d727577327f7371">[email&#160;protected]</span></a></p>
</div>
</div>
<div class="topbar__right">
<div class="topbar__info">
<i class="organik-icon-calling"></i>
<p>Phone <a href="tel:+92-666-888-0000">92 666 888 0000</a></p>
</div>
<div class="topbar__buttons">
<a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
<a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
</div>
</div>
</div>
</div>
<nav class="main-menu">
<div class="container">
<div class="main-menu__login">
<a href="#"><i class="organik-icon-user"></i>Login / Register</a>
</div>
<ul class="main-menu__list">
<li class="dropdown">
<a href="index.html">Home</a>
<ul>
<li>
<a href="index.html">Home One</a>
</li>
<li><a href="index-2.html">Home Two</a></li>
<li class="dropdown">
<a href="#">Header Styles</a>
<ul>
<li><a href="index.html">Header One</a></li>
<li><a href="index-2.html">Header Two</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="about.html">About</a>
</li>
<li class="dropdown">
<a href="products.html">Shop</a>
<ul>
<li><a href="products.html">Shop</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li class="dropdown"><a href="news.html">News</a>
<ul>
<li><a href="news.html">News</a></li>
<li><a href="news-details.html">News Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="main-menu__language">
<img src="static/picture/flag-1-1.jpg" alt="">
<label class="sr-only" for="language-select">select language</label>

<select class="selectpicker" id="language-select-header">
<option value="english">English</option>
<option value="arabic">Arabic</option>
</select>
</div>
</div>
</nav>

</header>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div>
</div>
<section class="page-header">
<div class="page-header__bg" style="background-image: url(static/images/page-header-bg-1-1.jpg);"></div>

<div class="container">
<h2>Blog Details</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li>/</li>
<li><span>Blog Details</span></li>
</ul>
</div>
</section>
<section class="blog-details">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-8">
<div class="blog-card__image blog-details__image">
<div class="blog-card__date">18 Nov</div>
<img src="static/picture/blog-d-1-1.jpg" class="img-fluid" alt="">
</div>
<div class="blog-card__meta">
<a href="news-details.html"><i class="far fa-user-circle"></i> by Admin</a>
<a href="news-details.html"><i class="far fa-comments"></i> 2 Comments</a>
</div>
<div class="blog-details__content blog-card__content">
<h3>How to Findout Healthy Food For Body</h3>
<p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum
quia
quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aelltes port
lacus
quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy
text
of the printing and typesetting industry. Lorem Ipsum has been the ndustry standard dummy text
ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type
specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the
new
design printng and type setting Ipsum Take a look at our round up of the best shows coming soon
to
your telly box has been the is industrys. Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has industr standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to make a type specimen book. It has
survived
not only five centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem
Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
including
versions of.</p>
<p>Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae
dicta sunt explicabo. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet
finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum
has been the ndustry stan printer took a galley.</p>
</div>
<div class="blog-details__meta">
<p class="blog-details__tags"><span>Tags:</span><a href="#">Oragnic,</a><a href="#">Healthy,</a><a href="#">Recipes</a></p>
<div class="blog-details__social">
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<div class="blog-author">
<div class="blog-author__image">
<img src="static/picture/blog-author-1-1.jpg" alt="">
</div>
<div class="blog-author__content">
<h3>Curtis Swanson</h3>
<p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem
ipsum quia quaed veritatis et quasi architecto.</p>
</div>
</div>
<div class="blog-comment">
<h2>2 Comments</h2>
<div class="blog-comment__box">
<div class="blog-comment__image">
<img src="static/picture/blog-comment-1-1.jpg" alt="">
</div>
<div class="blog-comment__content">
<div class="blog-comment__content-top">
<h3>Jessica Brown</h3>
<span>28 Nov, 2020</span>
</div>
<p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui
dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</p>
<a href="#" class="thm-btn">Reply</a>
</div>
</div>
<div class="blog-comment__box">
<div class="blog-comment__image">
<img src="static/picture/blog-comment-1-2.jpg" alt="">
</div>
<div class="blog-comment__content">
<div class="blog-comment__content-top">
<h3>Jessica Brown</h3>
<span>28 Nov, 2020</span>
</div>
<p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui
dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</p>
<a href="#" class="thm-btn">Reply</a>
</div>
</div>
</div>
<div class="comment-form">
<h2>Leave a Comments</h2>
<form action="assets/inc/sendemail.php" class="contact-one__form contact-form-validated">
<div class="row">
<div class="col-lg-6">
<input type="text" name="name" placeholder="Full Name">
</div>
<div class="col-lg-6">
<input type="text" name="email" placeholder="Email Address">
</div>
<div class="col-lg-6">
<input type="text" name="phone" placeholder="Phone Number">
</div>
<div class="col-lg-6">
<input type="text" name="subject" placeholder="Subject">
</div>
<div class="col-lg-12">
<textarea name="message" placeholder="Write Message"></textarea>
</div>
<div class="col-lg-12">
<button type="submit" class="thm-btn">Submit Comment</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-md-12 col-lg-4">
<div class="blog-sidebar">
<div class="blog-sidebar__search">
<form action="#">
<input type="text" placeholder="Search">
<button type="submit"><i class="organik-icon-magnifying-glass"></i></button>
</form>
</div>
<div class="blog-sidebar__posts">
<h3>Recent Posts</h3>
<ul>
<li>
<img src="static/picture/lp-1-1.jpg" alt="">
<span>20 Nov, 2020</span>
<h4><a href="news-details.html">Healthy Farm Diary
Products</a></h4>
</li>
<li>
<img src="static/picture/lp-1-2.jpg" alt="">
<span>20 Nov, 2020</span>
<h4><a href="news-details.html">Healthy Farm Diary
Products</a></h4>
</li>
<li>
<img src="static/picture/lp-1-3.jpg" alt="">
<span>20 Nov, 2020</span>
<h4><a href="news-details.html">Healthy Farm Diary
Products</a></h4>
</li>
</ul>
</div>
<div class="blog-sidebar__categories">
<h3>Catgories</h3>
<ul>
<li>
<a href="#">Agriculture <i class="fa fa-angle-right"></i>
</a>
</li>
<li>
<a href="#">
Organic Food <i class="fa fa-angle-right"></i></a>
</li>
 <li>
<a href="#">Dairy Farm <i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#">Economy Solution <i class="fa fa-angle-right"></i></a>
</li>
<li>
<a href="#">Harvests Innovations <i class="fa fa-angle-right"></i></a>
</li>
</ul>
</div>
<div class="blog-sidebar__tags">
<h3>Tags</h3>
<div class="blog-sidebar__tags-links">
<a href="#">Agriculture,</a>
<a href="#">Food,</a>
<a href="#">Healthy,</a>
<a href="#">Dairy,</a>
<a href="#">Organic,</a>
<a href="#">Farm,</a>
<a href="#">Economy</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="site-footer background-black-2">
<img src="static/picture/footer-bg-1-1.png" alt="" class="site-footer__shape-1">
<img src="static/picture/footer-bg-1-2.png" alt="" class="site-footer__shape-2">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
<div class="footer-widget footer-widget__about-widget">
<a href="index.html" class="footer-widget__logo">
<img src="static/picture/logo-light.png" alt="" width="105" height="43">
</a>
<p class="thm-text-dark">Atiam rhoncus sit amet adip
scing sed ipsum. Lorem ipsum
dolor sit amet adipiscing <br>
sem neque.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
<div class="footer-widget footer-widget__contact-widget">
<h3 class="footer-widget__title">Contact</h3>
<ul class="list-unstyled footer-widget__contact">
<li>
<i class="fa fa-phone-square"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
<li>
<i class="fa fa-envelope"></i>
<a href="/cdn-cgi/l/email-protection#e881868e87a88b878598898691c68b8785"><span class="__cf_email__" data-cfemail="452c2b232a05262a2835242b3c6b262a28">[email&#160;protected]</span></a>
</li>
<li>
<i class="fa fa-map-marker-alt"></i>
<a href="#">66 top broklyn street.
New York</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
 <div class="footer-widget footer-widget__links-widget">
<h3 class="footer-widget__title">Links</h3>
<ul class="list-unstyled footer-widget__links">
<li>
<a href="index.html">Top Sellers</a>
</li>
<li>
<a href="products.html">Shopping</a>
</li>
<li>
<a href="about.html">About Store</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact.html">Help</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
<div class="footer-widget">
<h3 class="footer-widget__title">Explore</h3>
<ul class="list-unstyled footer-widget__links">
<li>
<a href="products.html">New Products</a>
</li>
<li>
<a href="checkout.html">My Account</a>
</li>
<li>
<a href="contact.html">Support</a>
</li>
<li>
<a href="contact.html">FAQs</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
<div class="footer-widget">
<h3 class="footer-widget__title">Newsletter</h3>
<form action="#" data-url="YOUR_MAILCHIMP_URL" class="mc-form">
<input type="email" name="EMAIL" id="mc-email" placeholder="Email Address">
<button type="submit">Subscribe</button>
</form>
<div class="mc-form__response"></div>
</div>
</div>
</div>
</div>
<div class="bottom-footer">
<div class="container">
<hr>
<div class="inner-container text-center">
<div class="bottom-footer__social">
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-facebook-square"></a>
<a href="#" class="fab fa-instagram"></a>
</div>
<p class="thm-text-dark">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div>
</div>
</div>
</footer>
</div>
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>

<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="organik-icon-close"></i></span>
<div class="logo-box">
<a href="index.html" aria-label="logo image"><img src="static/picture/logo-light.png" width="155" alt="" /></a>
</div>

<div class="mobile-nav__container"></div>

<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="organik-icon-email"></i>
<a href="/cdn-cgi/l/email-protection#39575c5c5d515c554979564b5e58575052175a5654"><span class="__cf_email__" data-cfemail="acc2c9c9c8c4c9c0dcecc3decbcdc2c5c782cfc3c1">[email&#160;protected]</span></a>
</li>
<li>
<i class="organik-icon-calling"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
</ul>
<div class="mobile-nav__top">
<div class="mobile-nav__language">
<img src="static/picture/flag-1-1.jpg" alt="">
<label class="sr-only" for="language-select">select language</label>

<select class="selectpicker" id="language-select">
<option value="english">English</option>
<option value="arabic">Arabic</option>
</select>
</div>
<div class="main-menu__login">
<a href="#"><i class="organik-icon-user"></i>Login / Register</a>
</div>
</div>
</div>

</div>

<div class="mini-cart">
<div class="mini-cart__overlay mini-cart__toggler"></div>
<div class="mini-cart__content">
<div class="mini-cart__top">
<h3 class="mini-cart__title">Shopping Cart</h3>
<span class="mini-cart__close mini-cart__toggler"><i class="organik-icon-close"></i></span>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-1.jpg" alt="">
<div class="mini-cart__item-content">
<div class="mini-cart__item-top">
<h3><a href="product-details.html">Banana</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="2" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-2.jpg" alt="">
<div class="mini-cart__item-content">
<div class="mini-cart__item-top">
<h3><a href="product-details.html">Tomato</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="2" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<div class="mini-cart__item">
<img src="static/picture/cart-1-3.jpg" alt="">
<div class="mini-cart__item-content">
 <div class="mini-cart__item-top">
<h3><a href="product-details.html">Bread</a></h3>
<p>$9.99</p>
</div>
<div class="quantity-box">
<button type="button" class="sub">-</button>
<input type="number" id="2" value="1" />
<button type="button" class="add">+</button>
</div>
</div>
</div>
<a href="checkout.html" class="thm-btn mini-cart__checkout">Proceed To Checkout</a>
</div>
</div>
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>

<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label>
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="organik-icon-magnifying-glass"></i>
</button>
</form>
</div>

</div>

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/bootstrap-select.min.js"></script>
<script src="static/js/jarallax.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.circle-progress.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/nouislider.min.js"></script>
<script src="static/js/odometer.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/tiny-slider.min.js"></script>
<script src="static/js/wnumb.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/countdown.min.js"></script>

<script src="static/js/organik.js"></script>
</body>
</html>